<template>
  <div class="search">
    <f-drawer :title="modalTitle" ref="orderInfoDrawer" width="70%" @visibleChange="visibleChange" :showFooter="false">
      <order-info ref="orderInfo" v-if="drawerVisible" :shopId="shopId"></order-info>
    </f-drawer>
  </div>
</template>
<script>

  import OrderInfo from './orderInfo'

  export default {
    name: 'settleOrderInfoDrawer',
    props: {},
    data() {
      return {
        modalTitle: '',
        shopId: '',
        drawerVisible: false
      }
    },
    methods: {
      handleShow(data) {
        this.shopId = data.shopId
        this.$refs['orderInfoDrawer'].show()
      },
      visibleChange(drawerVisible) {
        this.drawerVisible = drawerVisible
      }
    },
    created() {

    },
    components: { OrderInfo }
  }
</script>
